Align-content determines the spacing between lines, while align-items determines how the items as a whole are aligned within the container. When there is only one line, align-content has no effect.
![[FE302] React 基礎 - hooks 版本：React 實戰篇 - 留言板](https://s103071049.coderbridge.io/2021/09/30/fe302-react-基礎-hooks-版本：react-實戰篇-留言板/?utm_source=coderbridge-io&utm_medium=blog_related_post_img&utm_campaign=無情的筆記倉庫_[FE302] React 基礎 - hooks 版本：React 實戰篇 - 留言板_@s103071049_https://static.coderbridge.com/images/covers/default-post-cover-3.jpg)
